<template>
	<div>
		<van-nav-bar title="个人信息" left-text="返回" left-arrow @click-left="onClickLeft" />
		<div class="UserInfoBox">
			<van-cell title="头像" size="large" label="美好的心情从美美的头像开始">
				<template #right-icon>
					<img
						class="avatar"
						src="http://blog.libinghui.cn/wp-content/uploads/2021/11/IMG_380220211104-155652-96x96.jpg"
						alt=""
					/>
				</template>
			</van-cell>
			<van-cell title="昵称" value="忘了嗳，请深嗳" size="large" />
			<van-cell title="性别" size="large">
				<template #right-icon>
					<van-tag type="primary" size="large">男</van-tag>
				</template>
			</van-cell>
			<van-cell title="美食等级" size="large">
				<template #right-icon>
					<van-rate :void-color="'red'" />
				</template>
			</van-cell>
			<van-cell title="打卡次数" value="ID" size="large" />
		</div>
	</div>
</template>

<script>
export default {
	name: 'PersonaIndex',
	data() {
		return {
			username: '',
		};
	},
};
</script>

<style scoped>
.percontent {
	margin-top: 30px;
}
.btn {
	background-color: #fff;
	border: none;
	color: #000;
}
.avatar {
	height: 50px;
	border: 1px solid black;
	border-radius: 50%;
	padding: 5px;
}
</style>
